<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../CSS/log.css">
  <link rel="icon" href="https://ts1.cn.mm.bing.net/th/id/R-C.84b915e31a12525215c1dd0581651df6?rik=0uDT7v4YUKV4XA&riu=http%3a%2f%2fbpic.588ku.com%2felement_pic%2f19%2f03%2f15%2fa508967f8aded885d233244640027583.jpg&ehk=ajUMbPOjfCFxgvwT3B4JyKoCiRDVPU2QvFzEoZcIKNE%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1" type="image/x-ico" > 
	<title>登录</title>
	<style>
		form {
			background-color: #ffffff;
			width: 300px;
			margin: auto;
			padding: 20px;
			border-radius: 5px;
			box-shadow: 0px 0px 10px #aaaaaa;
		}
		
		h1 {
			text-align: center;
			font-size: 24px;
		}
		
		input[type=text], input[type=password] {
			width: 100%;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
		}
		
		button[type=submit] {
			background-color: #4ca4fd;
			color: white;
			padding: 12px 20px;
			margin: 8px 0;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			width: 100%;
		}
		
		button[type=submit]:hover {
			background-color: #2666e6;
		}
	</style>
</head>
<body>
	<form>
		<a href="../src/index.html">
			<img src="../picture/返回图标.png" alt="" width="30px">
		</a>
		<img src="../picture/登录.png" alt="" width="300px">
		
		<img src="../picture/用户名.png" alt="" width="80px">
		<input type="text" id="username" name="username" required>
		<img src="../picture/密码.png" alt="" width="80px">
		<input type="password" id="password" name="password" required>
		<button type="submit">登录</button>
		<div class="zc">
			<a href="registered.html">
				<p>立即注册</p>
			</a>
		</div>
	</form>
</body>
</html>